.login-container {  
    width: 501px;  
    margin: 100px auto; 
    background-color: lavender; 
    border-radius: 20px;  
    padding: 20px; 
    box-shadow: 0 2px 10px rgba(0, 0, 0, 1.5);  
    border: 1px solid rgba(0, 0, 0, 0.5);
  }  
   .person-circle{
    margin-bottom: 2rem;
    background: url('../img/person-circle.svg') #ffffff 95% center no-repeat;
  }
  .shield-fill{
	  margin-bottom: 2rem;
	  background: url('../img/shield-fill.svg') #ffffff 95% center no-repeat;
  }
.btn-login{
	 /* margin: 40px auto;
	  width: 90%; */
	  /* 字体 */
	  color: #000;
/* 	  font-weight: bold;
	  letter-spacing: 10px; */
	  text-align: center;
	  /* 鼠标样式 */
	  cursor: pointer;
	  /* 边框、背景 */
	  /* border-radius: 10px; */
	  background: linear-gradient(to right, #fbc2eb, #a6c1ee, #fbc2eb);
	 background-size: 200%;
	
	
}

.btn:hover{
	color: #ffffff;
}
.btn-login:hover {
  animation: btnAnimate 1s infinite;
}
@keyframes btnAnimate {
  50% {
    background-position: 200%;
  }
}
.title-set-gra{
	/* 设置字体渐变 */
	 background: linear-gradient(to right, rgb(217,70,204), rgb(226,191,204), rgb(143,214,204));
	    background-clip: text;
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
		font-weight: bold;
}

